<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
            body {border: 0; margin: 0; padding: 0;}
            canvas { position: absolute; border: 2px solid red; width: 2000px; height: 2000px; z-index: -1;}
        </style>

<!--        <script type="text/javascript" src="../scripts/jquery-1.4.4.min.js"/>-->
        <script src="http://code.jquery.com/jquery-1.4.4.js"></script>

        <script type="text/javascript">//<![CDATA[
            $(document).ready(function() {
                alert($().jquery)
            })
        //]]></script>

        <script type="text/javascript">
            //alert($().jquery);

            //            function getCanvas2d(){
            //                var canvas = document.getElementById('canvas')
            //                if (canvas.getContext){
            //                    return canvas.getContext('2d')
            //                }else{
            //                    return null
            //                }
            //            }
            //
            //            function draw(){
            //                var canvas = document.getElementById('canvas');
            //                if (canvas.getContext){
            //                    var ctx = canvas.getContext('2d');
            //                    ctx.fillStyle = 'rgb(40,0,0)';
            //                    ctx.fillRect (20, 20, 60, 60);
            //                    //ctx.fillRect (0, 0, canvas.width, canvas.height);
            //                    ctx.fillStyle = 'rgba(0, 0, 160, 0.5)';
            //                    ctx.fillRect (40, 40, 100, 100);
            //                }
            //            }
            //
            //            function offsetToString(e){
            //                return 'offset[parent=' + e.offsetParent.toString() + ', left=' + e.offsetLeft + ', top=' + e.offsetTop + ', width=' + e.offsetWidth + ', height=' + e.offsetHeight
            //            }
            //
            //            function offsetParentWalker(e){
            //                function printOffsetParent(e){
            //                    parent = e.offsetParent
            //                    if(parent != null){
            //                        console.log(offsetToString(e))
            //                        printOffsetParent(parent)
            //                    }
            //                }
            //                printOffsetParent(e)
            //            }
            //
            //
            //            function drawOffset(e){
            //                ctx = getCanvas2d()
            //                ctx.fillStyle = 'rgba(0, 0, 160, 0.5)'
            //                ctx.fillRect (0, 0, 102, 19)
            //                ctx.fillRect (e.offsetLeft, e.offsetTop, e.offsetWidth, e.offsetHeight)
            //            }
        </script>
    </head>
    <body>
        <!--        <iframe id="subject" style="height: 100%; width: 100%; border:0px; margin: 0px; padding: 0px;" scrolling="auto" src="http://google.com"></iframe>-->
        <h3 >SITE TITLE</h3>



        <!--    <canvas id="canvas" width="400" height="400"></canvas>
            <h3 onmouseover="offsetParentWalker(this); return false;">WEBSITE TITLE</h3>
            <div style="float: right; width: 200px; height: 120px;">
                <div>
                    <span onmouseover="offsetParentWalker(this); drawOffset(this); return false;">Hello from span</span>
                </div>
            </div>
            <input onclick="alert('clicked'); return false;" type="button" name="hello" value="mybutton"/>
            <input type="text" name="textinput" value="this is the text input" />
            <br/>
            <input type="checkbox" name="checkbox" value="ON" />
            <br/>
            <ul type="disc">
                <li>This is my list with long text</li>
                <li>This is my list</li>
                <li>This is my list</li>
                <li>This is my list</li>
                <li>This is my list</li>
            </ul>-->

    </body>
</html>
